<template>
	<!-- <img src="/static/bg.png" alt="" class="bg" /> -->
	<div class="w-screen flex justify-center">
		<view class="box">
			<treeSelect></treeSelect>
		</view>
	</div>
</template>

<script>
import treeSelect from '@/modul/Search/treeSelect.vue'
export default {
	components: {
		treeSelect,
	},
	data() {
		return {

		}
	},
	methods: {

	}
}
</script>

<style scoped lang="scss">
.box {
	width: 100%;
	// height: 100vh;
	z-index: 10;
	position: relative;
	padding-bottom: 50px;

	// background-color: skyblue;
}

.bg {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
}

@media screen and (min-width:1200px) {
	.box {
		width: 30vw;
		padding-top: 50px;

		background-color: rgba(243, 243, 243, 0.934);

	}
}
</style>
